<template>
    <div>
        <mt-range
                v-model="rangeValue"
                :min="10"
                :max="90"
                :step="10"
                :bar-height="5">
        </mt-range>
        <div v-for="item in [1,2,3,4,5,6,7,8,9,9]" class="firstPage">
            firstPage
        </div>
        <router-view/>

    </div>
</template>

<script>
    import { Spinner, Toast, Indicator } from 'mint-ui';
    export default {
        name: "firstPage",
        components: {Spinner},
        props: ['testProps'],
        data () {
            return {
                rangeValue: 10
            }
        },
        mounted() {
            // console.log(this.$route.params)
            // console.log(this.$route.query)
            console.log(this.testProps)
            Toast({
                message: '提示',
                position: 'bottom',
                duration: 5000
            });
        }
    }
</script>

<style scoped lang="stylus">
.firstPage
    height: 750px;
    display: flex;
    text-align center
    align-items center
    justify-content center
</style>